<template>
  <div>
    <breadcrumb class="breadcrumb-container"></breadcrumb>
    <el-row>
      <h3>酷享收银系统</h3>
      <el-table size="small" :data="filedown">
        <el-table-column label="文档名称">
          <template slot-scope="scope">
            <svg-icon icon-class=""></svg-icon>
            <a :href="scope.row.url" :download="scope.row.name">{{ scope.row.name }}</a>
          </template>
        </el-table-column>
        <el-table-column label="修改日期" prop="time"></el-table-column>
        <el-table-column label="类型" prop="type"></el-table-column>
        <el-table-column label="大小" prop="size"></el-table-column>
        <el-table-column label="版本" prop="version"></el-table-column>
      </el-table>
    </el-row>
    <el-row>
      <h3>商家助手APP</h3>
      <el-table size="small" :data="filedown">
        <el-table-column label="文档名称">
          <template slot-scope="scope">
            <svg-icon icon-class=""></svg-icon>
            <a :href="scope.row.url" :download="scope.row.name">{{ scope.row.name }}</a>
          </template>
        </el-table-column>
        <el-table-column label="修改日期" prop="time"></el-table-column>
        <el-table-column label="类型" prop="type"></el-table-column>
        <el-table-column label="大小" prop="size"></el-table-column>
        <el-table-column label="版本" prop="version"></el-table-column>
      </el-table>
    </el-row>
    <el-row>
      <h3>微信物料</h3>
      <el-table size="small" :data="filedown">
        <el-table-column label="文档名称">
          <template slot-scope="scope">
            <svg-icon icon-class=""></svg-icon>
            <a :href="scope.row.url" :download="scope.row.name">{{ scope.row.name }}</a>
          </template>
        </el-table-column>
        <el-table-column label="修改日期" prop="time"></el-table-column>
        <el-table-column label="类型" prop="type"></el-table-column>
        <el-table-column label="大小" prop="size"></el-table-column>
        <el-table-column label="版本" prop="version"></el-table-column>
      </el-table>
    </el-row>
  </div>
</template>

<script>
import Breadcrumb from '@/components/Breadcrumb'
export default {
  name: 'download',
  components: {
    Breadcrumb
  },
  data() {
    return {
      filedown: [
        {
          name: '13232',
          url: 'http://baidu.com',
          time: '2054-4564-454',
          type: 'xlsx',
          size: '45KB',
          version: 'V1.0.1'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
  h3{
    font-size: 14px;
  }
  .el-row{
    margin-bottom: 50px;
  }
</style>
